<template>
  <div class="titleTop_box bg">
    <div class="container p_t20 p_d20 titleTop flex f_align f_bet b_d">
      <div class="flex f_align w2">
        <div
          @click="toBack"
          class="back_box"
        >
          <img
            :src="tobackUrl"
            alt="123"
            class="p_r30 back_img"
            v-if="titleTxet.IsBool"
          >
        </div>
        <div>
          <span class="font_36 c_28">{{titleTxet.titleName}}</span>
        </div>

      </div>
      <!-- <span @click="testCallback">测试点击回调</span> -->
      <!-- <div v-if="topShareIsshow"> -->
      <!-- <img
        src="../../assets/img/share.png"
        alt=""
        class="share"
        v-if="titleTxet.IsShare"
      > -->
    </div>
  </div>
</template>

<script>
export default {
  props: ["titleTxet"],
  data() {
    return {
      tobackUrl: require("../../assets/img/bank.png")
    };
  },
  methods: {
    toBack() {
      if (this.titleTxet.back) {
        this.$router.push({ path: "/personal" });
      }else{
        this.$router.go(-1);
      }
    }
  }
};
</script>

<style scoped>
.titleTop_box {
  height: 100px;
}
.titleTop {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  z-index: 999;
  background: #fff;
}
.back_box {
  width: 50px;
  height: 40px;
}
.back_img {
  width: 22px;
  height: 40px;
}
.share {
  width: 42px;
  height: 42px;
}
</style>

